<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <title>购物车</title>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
			// 移动端适配
      (function (win, doc) {
        const docEl = doc.documentElement,
          resizeEvt =
            "orientationchange" in win ? "orientationchange" : "resize",
          recalc = function () {
            const clientwidth = docEl.clientWidth;
            if (!clientwidth) {
              return false;
            }
            const fz = 100 * (clientwidth / 375) + "px";
            docEl.style.fontSize = fz;
            const realfz = win.getComputedStyle(docEl).fontSize;
            if (fz !== realfz) {
              docEl.style.fontSize =
                fz.replace("px", "") *
                  (fz.replace("px", "") / realfz.replace("px", "")) +
                "px";
            }
          };
        if (!doc.addEventListener) {
          return false;
        }
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(window, document);
    </script>
  </body>
</html>
